<template>
    <div class="Marquee">
        <el-carousel height="200px" direction="vertical" :autoplay="true" :loop="true" :interval="1000">
            <el-carousel-item v-for="item in 3" :key="item">
                <h3 class="medium">{{ item }}</h3>
            </el-carousel-item>
        </el-carousel>
    </div>
</template>
<script>
export default {
    data() {
        return {

        }
    },
    mounted() {
        this.$Axios({
            url: '/poster/getPosterData',
            method: 'get',
            data: { currPage: 0, pageNum: 100 },
            success: ((res) => {
                console.log(res);
            })
        })
    }
}
</script>
<style lang="scss" scoped>
.Marquee {
    .el-carousel__item h3 {
        color: #475669;
        font-size: 14px;
        opacity: 0.75;
        line-height: 200px;
        margin: 0;
    }

    .el-carousel__item:nth-child(2n) {
        background-color: #99a9bf;
    }

    .el-carousel__item:nth-child(2n+1) {
        background-color: #d3dce6;
    }
}
</style>